<template>
  <div class="">
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane :label="$t('config.channel.AppExplain')" name="AppExplain">
      <AppExplain></AppExplain>
    </el-tab-pane>
    <el-tab-pane :label="$t('config.channel.AppAccountManage')" name="AppAccountManage">
      <AppAccountManage></AppAccountManage>
    </el-tab-pane>
    <!-- 日程管理隐藏 -->
    <el-tab-pane :label="$t('config.channel.webchatDayManage')" name="DayManage" >
      <DayManage :manageType="manageType"></DayManage>
    </el-tab-pane>
  </el-tabs>
  </div>
</template>

<script>
  import AppExplain from './AppExplain'
  import AppAccountManage from './AppAccountManage'
  import DayManage from '../base/webchatManage'
  export default {
    name: 'AppCustomerService',
    data () {
      return {
        name: this.$t('config.channel.AppExplain'),
        activeName: 'AppExplain',
        manageType: 'sdk'
      }
    },
    components: {
      AppExplain,
      AppAccountManage,
      DayManage
    },
    computed: {},
    methods: {
      handleClick (value) {
        this.name = value.label
      }
    },
    beforeMount () {
    }
  }
</script>

<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl";
</style>
